<? if ($c = stack('name')) {

	$d = component_data($c);

	?><section id="cpn-<?=$c?>" class="cpn-register"><?

		if (gccLoggedIn()) {
			
			?><p><?=tc('You are already registered')?></p><?
			
		} else {
			
			startScript('jquery, jquery.validationEngine, jquery.validationEngine-'.context('lang').', other-validations-'.context('lang').', jquery.maskedinput.min, jquery.enablePlaceholder, jquery.sbx');

			?><script type="text/javascript">
			$("#cpn-<?=$c?> input[placeholder]").enablePlaceholder();



			var o = $("<div/>", {"class":"box modal overlay"}).appendTo($("body")).overlay({
				mask: { color: "#000", loadSpeed: 100, opacity: 0.5, zIndex: 99998 },
				top: "center", closeOnClick: false,	closeOnEsc: false
			}).on("click", ".close", function(){ o.overlay().close(); });
			
			var msg = { 
				plsWait: '<div class="message"><?=htc('Please wait')?></div><img class="loader" src="/img/ajax_loader_light.gif">'
			};
			
			$("#cpn-<?=$c?> form").validationEngine({
				ajaxFormValidation: true,
				onBeforeAjaxFormValidation: function(form, options){
					o.html(msg.plsWait).overlay().load();
				},
				onAjaxFormComplete: function ajaxValidationCallback(status, form, json, options){
				 
					if (status === true) {
						switch($('input[name="persontype"]:checked').val()) {
							case "F":
								location.href = location.href + "reg-p/";
								break;
							case "U":
								location.href = location.href + "reg-u/";
								break;
							case "G":
								location.href = location.href + "reg-o/";
								break;
							case "C":
								location.href = location.href + "reg-c/";
								break;
						}
					} else {	// some error
						o.overlay().close();
					}
				}
			});

			</script><? endScript();
		
			?><form action="./" method="post">
				<h1><?=tc('Оберіть тип заявника')?></h1>
				<fieldset style="padding: 10px 10px 7px;">
					<h2 class="legend" style="margin: 0 0 10px;"><?=tc('Перш ніж почати реєстрацію оберіть тип заявника:')?></h2>
					<div class="inner padded">
					
						<label class="col0_slim"><input type="radio" name="persontype" value="F" checked class="validate[groupRequired[type]]" id="type1">
							<?=tc('Фізична особа')?></label>
						<label class="col0_slim"><input type="radio" name="persontype" value="U" class="validate[groupRequired[type]]" id="type2">
							<?=tc('Юридична особа')?></label>
						<label class="col0_slim"><input type="radio" name="persontype" value="G" class="validate[groupRequired[type]]" id="type3">
							<?=tc('Громадська організація')?></label>
						<label class="col0_slim"><input type="radio" name="persontype" value="C" class="validate[groupRequired[type]]" id="type4">
							<?=tc('Орган місцевого самоврядування')?></label>
						<div class="clearer"></div>
					</div>
				</fieldset>


				<h1><?=tc('Введіть дані для реєстрації')?></h1>
				<fieldset style="padding: 10px 10px 2px;"><div class="inner">
					<p class='description'><?=tc("Для входу на сайт обов'язкове використання Вашої електронної адреси. <br /> Введена електронна адреса буде Вашим логіном.")?></p>

					<p class='nb'><?=tc("Символом <span class='required'>*</span> відмічені поля, обов'язкові для заповнення.")?></p>

					<label class="col1"><?=tc('Логін (електронна адреса)')?><span class="required">*</span>
						<input name="email" id="email" type="text" class="validate[required,custom[email]]" value="" placeholder="<?=tc('Введіть свою електронну адресу')?>"></label>

					<label class="col1"><?=tc('Пароль')?><span class="required">*</span>
						<input name="pass" id="pass" type="password" class="validate[required,minSize[6]]" value="" placeholder="<?=tc('Не менше 6 символів')?>"></label>

					<label class="col1"><?=tc('Підтвердіть пароль')?><span class="required">*</span>
						<input name="pass2" id="pass2" type="password" class="validate[required,equals[pass]]" value=""></label>

				</div></fieldset>
			
				<div class="div-right">
					<input type="submit" name="register" value="<?=tc('Далі')?>">
					<input type="button" name="back" value="<?=tc('Відмінити')?>" onclick="if (confirm('При відміні реєстрації будуть втрачені всі введені дані. Ви дійсно бажаєте відмінити реєстрацію?')) location.href = '/'">
				</div>

			</form><?
		}

		?><div class="clearer"></div><?
	?></section><?

	unstack();
}
